/* ---------------------- Font ---------------------- */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,600,700');
body, div, h1, h2, input, textarea, select {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


body {

font-size: 17px;
}

div.text_size_options a {
    font-size: 14px;
}

div.text_size_options a.medium {
    font-size: 18px;
}

div.text_size_options a.large {
    font-size: 22px;
}
/* ---------------------- Buttons ---------------------- */

.button {
    padding: 12px 18px;
    border-radius: 5px;
    border: 0;
    left: 0;
    background: #0054aa;
    transition: .3s ease-in;
    color: #fff !important;
    white-space: normal !important;
    word-wrap: break-word;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.button:hover {
    background-color: #4CAF50;
    border-color: rgba(109, 159, 197, 0);
    transition: all 0.3s ease-in;
    color: #ffffff !important;
    transform: scale(1.03);
}

div.options .button {
    padding: 5px 10px 5px 10px;
    background-color: #0058a8;
    font-size: 14px !important;
    border-radius: 5px;
}

div.options .button:hover {
    border-color: rgba(109, 159, 197, 0);
    transition: all 0.3s ease-in;
    /* box-shadow: inset 0 0 50px #fff,      /* inner white */
    inset 20px 0 80px #f0f,   /* inner left magenta short */         inset -20px 0 80px #0ff,  /* inner right cyan short */         inset 20px 0 300px #f0f,  /* inner left magenta broad */         inset -20px 0 300px #0ff, /* inner right cyan broad */         0 0 50px #fff,            /* outer white */         -10px 0 80px #f0f,        /* outer left magenta */         10px 0 80px #0ff; */         /* outer right cyan */
    box-shadow:;
}

.button.edit {
    padding-left: 15px;
    padding: 10px 30px 10px 30px;
    border-radius: 2px;
    border: 0;
    background: #20569b;
    transition: .9s ease-out;
    color: #fff !important;
    margin: 6px;
    white-space: normal !important;
    word-wrap: break-word;
    text-transform: uppercase;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.dropdown.display-options {
    margin-top: -5px;
    margin-right: 10px;
}


input#JumpToPage, input#AddNewPageButton, input#EditModeButton, input#DesignModeButton {
    padding: 10px 30px 10px 30px;
    border-radius: 2px;
    border: 0;
    background: #0054aa;
    transition: .9s ease-out;
    color: #fff !important;
    margin: 6px;
    white-space: normal !important;
    word-wrap: break-word;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

input#JumpToPage:hover, input#AddNewPageButton:hover, input#EditModeButton:hover {
    border-color: rgba(109, 159, 197, 0);
    transition: 0.3s;
    /* box-shadow: inset 0 0 50px #fff, /* inner white */
    inset 20px 0 80px #f0f, /* inner left magenta short */ inset -20px 0 80px #0ff, /* inner right cyan short */ inset 20px 0 300px #f0f, /* inner left magenta broad */ inset -20px 0 300px #0ff, /* inner right cyan broad */ 0 0 50px #fff, /* outer white */ -10px 0 80px #f0f, /* outer left magenta */ 10px 0 80px #0ff; */
}

input#OptionsPlaceHolder_LanguagePicker_LanguagePickerButton {
    padding: 10px 30px 10px 30px;
    border-radius: 2px;
    border: 0;
    background: #20569b;
    transition: .2s ease-out;
    color: #fff !important;
    margin: 6px;
    white-space: normal !important;
    word-wrap: break-word;
    text-transform: uppercase;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

input#OptionsPlaceHolder_LanguagePicker_LanguagePickerButton:hover {
    background-color: #42cc2a;
    border-color: rgba(109, 159, 197, 0);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    transition: all 0.4s ease-in;
}

.navigation_item .navigate_button:hover {
    color: white !important;
    transform: scale(1.03);
}

.navigation_item .navigate_button {
    margin-bottom: 10px;
    color: #333 !important;
}
/* ---------------------- Design Side Bar ---------------------- */

.design-tools {background-color: rgb(224, 219, 212);-webkit-backdrop-filter: blur(30px);-webkit-box-shadow: -5px 0px 5px 0px #616161;box-shadow: none;transition: all 0.5s ease-in;backdrop-filter: blur(5px);background-color: rgba(255, 255, 255, 0.64);}

.design-tools h1 {
    margin-top: 20px;
    font-size: 28px;
}

/* ---------------------- Options Nav Bar ---------------------- */
div.options {
}

.container {
    width: 100% !important;
}

.display-options .dropdown-menu {
    background-color: rgb(224, 219, 212);
    -webkit-backdrop-filter: blur(30px);
    -webkit-box-shadow: -5px 0px 5px 0px #616161;
    box-shadow: -5px 0px 5px 0px rgba(97, 97, 97, 0.15);
    transition: all 0.5s ease-in;
}

div.contrast_options a.default_contrast {
    border: none;
    padding: 10px 15px 10px 15px;
    border-radius: 10%;
    font-size: 17px;
    color: #4285f4;
}

a.contrast_option.contrast1 {
    border: none;
    padding: 10px 15px 10px 15px;
    border-radius: 10%;
    font-size: 17px;
 background-color: #333;
}

div.contrast_options a.contrast2 {
    background-color: rgb(255, 255, 141);
    color: #333;
    border: none;
    padding: 10px 15px 10px 15px;
    border-radius: 10%;
    font-size: 17px;
}

.display-options .dropdown-menu > div {
    border-top: 1px solid #999;
}

input#ContentPlaceHolder_BodyContent_PreferredTitle_Answer_InputField {
    /* display: none; */
}

div.question .prompt {
    width: 0%;
}

.checkbox-list-a, .radiobutton-list-a label {
    padding-left: 15px;
    padding-right: 15px;
  }

/* ---------------------- Inputs  ---------------------- */

.form-control:focus {
    box-shadow: 0 1px 0 0 #66afe9  !important;
    transition: ease-in 0.3s;
    outline: 3px solid #ffbf47;
}

.form-control {padding: 6px 12px;background-color: rgb(255, 255, 255);box-shadow: 0 1px 0 0 #20569b !important;border-radius: 0px !important;border-bottom: 1px solid #2f1e46;height: 35px;width: 90% !important;font-size: 17px;box-sizing: content-box;transition: 0.3s;font-weight: 700;}

.top_banner.row {
}


.Topbanner {
    height: 150px;
    background-image: url(http://www.ieg4.com/media/1013/ieg4logo.png);
    background-position-x: 2%;
    background-size: 130px;
    background-repeat: no-repeat;
    background-position-y: 50%;
}

h2 {
    font-size: 24px;
    border-bottom: 2px solid #0b0054;
    padding-bottom: 5px;
    background-color: #0b0054;
    padding: 10px 30px 10px 30px;
    color: white;
    border-radius: 4px;
}

.col-md-offset-4.col-md-4 {
    margin-top: 23%;
    background-color: rgba(245, 245, 245, 0.59);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-backdrop-filter: blur(20px);
}

.site-header__identity__logo {
    background-image: url(http://www.ieg4.com/media/1013/ieg4logo.png);
    height: 265px;
    background-position-x: 95%;
    background-size: 130px;
    background-repeat: no-repeat;
    background-position-y: 50%;
    margin-left: -20px;
    margin-right: -20px;
}

div.options {
    box-shadow: none;
    position: fixed;
    left: 0px;
    right: 0px;
    margin-bottom: 10px;
    z-index: 999;
    backdrop-filter: blur(5px);
    background-color: #080052;
    border-bottom: none;
    height: 50px;
}
 
.design-tools {
    position: fixed;
    z-index: 998;
    padding: 20px;
    height: 2000px;
    margin-top: 140px;
}

.top_banner.row {
    height: 140px;
    background-color: #080052;
    padding-top: 35px;
    top: 0;
    background-image: url(https://my.northtyneside.gov.uk/sites/default/files/crest_1.png);
    background-position-y: 65%;
    background-position-x: 10%;
    background-repeat: no-repeat;
    background-size: 280px;
}

div.options .button > span {
    font-weight: 500;
    font-size: 14px !Important;
}

span {
    font-weight: bold;
}

.btn-danger {
    color: #fff;
    background-color: firebrick;
    border-color: firebrick;
}

.popover.validation-errors .popover-title {

    background-color: firebrick;

}

.popover.validation-errors .arrow::after {
    border-bottom-color: firebrick;
}


.navigation_item:hover {
    background-color: rgba(238, 238, 238, 0);
}

.failed_validation_question {border-color: #fff3f5;padding: 8px 5px 0px 5px;background-color: #f5f5f5;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}

.navigation_item.complete .navigation_icon:first-child::before {
    color: #0e9c6a;
}

.navigation_item.visited .navigation_icon:first-child::before {
    color: firebrick;
}

.btn-info, .btn-q-help.tooltip-open, .tooltip-outer {
    color: #000;
    background-color: #ececec;
    border-color: #ececec;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    font-size: 15px;
}

i.fa.fa-times-circle {
    color: #000;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ececec;
}

.tooltip-inner {
    font-size: 15px;
    color: #000;
    background-color: #ececec;
    border-color: #ececec;
    text-align: left;
}

#pop-down-navigation .navigation_panel_contents {
    border-top: 1px solid rgba(204, 204, 204, 0);
}

label {
    margin-right: 3px;
    font-size: 17px;
    /* padding-left: 15px; */
}

div.question_section {

background-color: rgba(48, 31, 70, 0.06);
}

textarea.form-control {
    height: 80px;
}


table.normal td 
{
	padding: 0px 15px;
}

p {
    margin: 0 0 0px;
    padding: 5px;
    font-size: 17px;
}

div.text {
    font-size: 17px;
}

.h1, h1 {
    font-size: 36px;
    font-weight: 500;
    padding-bottom: 10px;
    border-bottom: 4px solid #99CCFF;
}

.checkbox label:before {
    margin-left: -50px;
}



/* ---------------------- Cater for Declaration Checkbox  ---------------------- */

input#ContentPlaceHolder_BodyContent_DeclarationField_Answer_InputField {
    opacity: 1;
}



/* ---------------------- Accordion  ---------------------- */



/*  Basic stucture
=====================*/
#accordion{margin: 10px;width: 98%;}
#accordion ul{list-style:none;margin:0;padding:0;}
.accordion{display:none;}
.accordion:target{display:block;}
#accordion ul li a{text-decoration:none;display:block;padding:10px;}
.accordion{padding:4px;}





/*  Colors 
====================*/
#accordion ul{
/*box-shadow*/
-webkit-box-shadow:0 4px 10px #BDBDBD;
   -moz-box-shadow:0 4px 10px #BDBDBD;
        box-shadow:0 4px 10px #BDBDBD;
/*border-radius*/
-webkit-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;
}
#accordion ul li a{background: #efefef;border-bottom: 1px solid #efefef;color: #232323;font-size: large;border-radius: 0px;}
.accordion{background:#fdfdfd;color: #232323;}
.accordion:target{border-top: 3px solid #20569b;}


/* ---------------------- Custom Reference Number Format  ---------------------- */

.reference {
    padding: 10px;
    width: 100%;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid transparent;
    border-color: #ddd;
    border-radius: 4px;
}

select {
    width: auto !important;
}

.validation-error:before {
    font-family: fontawesome;
    /* content: "\f071"; */
    padding-right: 20px;
}

.logo {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20141.4%2040.8%22%3E%3Ctitle%3Ecouncil_logo%3C/title%3E%3Cpath%20d%3D%22M36.1%2C34.2a4%2C4%2C0%2C0%2C0-2.1-.7%2C2.65%2C2.65%2C0%2C0%2C0-2.7%2C2.8%2C3%2C3%2C0%2C0%2C0%2C2.9%2C3.2%2C4.81%2C4.81%2C0%2C0%2C0%2C2.4-.7h0L36%2C40.1a3.23%2C3.23%2C0%2C0%2C1-1.7.3c-2.7%2C0-4.4-1.5-4.4-3.9a3.75%2C3.75%2C0%2C0%2C1%2C4-3.9%2C7.61%2C7.61%2C0%2C0%2C1%2C2.1.3v1.3Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M51%2C36.5a4.06%2C4.06%2C0%2C0%2C1-4.2%2C4%2C4%2C4%2C0%2C1%2C1%2C4.2-4Zm-7.1%2C0a3%2C3%2C0%2C0%2C0%2C2.9%2C3.2%2C2.79%2C2.79%2C0%2C0%2C0%2C2.8-3%2C3.06%2C3.06%2C0%2C0%2C0-2.9-3.3A2.93%2C2.93%2C0%2C0%2C0%2C43.9%2C36.5Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M62.6%2C39.6a2.62%2C2.62%2C0%2C0%2C1-2.2.9%2C2.65%2C2.65%2C0%2C0%2C1-2.1-.8%2C3.1%2C3.1%2C0%2C0%2C1-.6-2.3v-3c0-.5.1-1.3-.5-1.6h2.2c-.6.2-.5%2C1-.5%2C1.6v3c0%2C1.5.6%2C2.2%2C1.8%2C2.2a2.29%2C2.29%2C0%2C0%2C0%2C1.7-.8c.3-.3.2-.6.2-1V34.4c0-.5.1-1.3-.5-1.6h2.2c-.6.2-.5%2C1-.5%2C1.6v4.3c0%2C.5-.1%2C1.3.5%2C1.6H62.6Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M72.3%2C38.9c0%2C.6%2C0%2C1.1.6%2C1.4h-2c.6-.4.6-.8.6-1.4V34.3c0-.6%2C0-1.1-.6-1.4h1.7c0%2C.1.1.2.2.3l.2.2%2C4.2%2C5.3V34.4c0-.6%2C0-1.1-.6-1.4h2c-.6.3-.6.8-.6%2C1.4v6.4a3.71%2C3.71%2C0%2C0%2C1-1.7-1.3l-3.9-5v4.4Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M90.7%2C34.2a4%2C4%2C0%2C0%2C0-2.1-.7%2C2.65%2C2.65%2C0%2C0%2C0-2.7%2C2.8%2C3%2C3%2C0%2C0%2C0%2C2.9%2C3.2%2C4.81%2C4.81%2C0%2C0%2C0%2C2.4-.7h0l-.6%2C1.3a3.23%2C3.23%2C0%2C0%2C1-1.7.3c-2.7%2C0-4.4-1.5-4.4-3.9a3.75%2C3.75%2C0%2C0%2C1%2C4-3.9%2C7.61%2C7.61%2C0%2C0%2C1%2C2.1.3v1.3Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M97.9%2C34.4c0-.5.1-1.4-.5-1.6h2.2c-.6.3-.6%2C1.1-.6%2C1.6v4.3c0%2C.5-.1%2C1.3.5%2C1.6H97.3c.6-.2.5-1.1.5-1.6V34.4Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M109.3%2C39.5a2.88%2C2.88%2C0%2C0%2C0%2C2-.7h0l-.6%2C1.5H106c.6-.2.5-1.1.5-1.6V34.4c0-.5.1-1.4-.5-1.6h2.2c-.6.2-.5%2C1.1-.5%2C1.6v5Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M58%2C2.3a5.29%2C5.29%2C0%2C0%2C0-3-.9%2C3.73%2C3.73%2C0%2C0%2C0-3.8%2C4%2C4.23%2C4.23%2C0%2C0%2C0%2C4.2%2C4.5%2C7.11%2C7.11%2C0%2C0%2C0%2C3.5-1h0L58%2C10.8a5.34%2C5.34%2C0%2C0%2C1-2.5.5c-3.9%2C0-6.2-2.2-6.2-5.7A5.38%2C5.38%2C0%2C0%2C1%2C55%2C0a15.44%2C15.44%2C0%2C0%2C1%2C3%2C.4Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M60.1%2C2.6c0-.8.1-1.9-.7-2.3h3.1c-.8.3-.7%2C1.5-.7%2C2.3V8.8c0%2C.7-.1%2C1.9.7%2C2.2H59.4c.8-.3.7-1.5.7-2.2Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M67.5%2C8.9c0%2C.9%2C0%2C1.6.8%2C2.1H65.1c.8-.3.7-1.5.7-2.2V1.4H64.4a2.64%2C2.64%2C0%2C0%2C0-1.9.7h0l.5-2h0a1.27%2C1.27%2C0%2C0%2C0%2C.6.1h6.5a2.2%2C2.2%2C0%2C0%2C0%2C.8-.1h0L70.4%2C2h0c-.2-.6-.9-.7-1.4-.7H67.5Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M75.9%2C8.9c0%2C1%2C0%2C1.5.8%2C2.1H73.5c.8-.4.7-1.5.7-2.2V6.3L71.5%2C1.9A3.75%2C3.75%2C0%2C0%2C0%2C69.9.2h1.5a1.25%2C1.25%2C0%2C0%2C1%2C1.2.5L75.3%2C5l2-3c.3-.4.7-1.2-.3-1.6h2.9l-4%2C6Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M5.5%2C26.8c-1.5-1.1-1.6-1-2.2-2.6l-1.9-6c-.3-.9-.5-2-1.4-2.5H2.4a2.34%2C2.34%2C0%2C0%2C0%2C.2%2C1.2L5%2C24.4l1.9-6.2c.3-1%2C.6-2.1-.3-2.5H9a3.8%2C3.8%2C0%2C0%2C0%2C.2%2C1.7l2.3%2C7.1%2C1.8-6c.3-.9.8-2.3-.4-2.7h2.5L12%2C26.8c-1.5-1-1.6-.9-2.2-2.6L8%2C18.6Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M27.7%2C20.8a5.91%2C5.91%2C0%2C0%2C1-6%2C5.8%2C5.77%2C5.77%2C0%2C0%2C1-6-5.7%2C5.78%2C5.78%2C0%2C0%2C1%2C6.1-5.6A5.65%2C5.65%2C0%2C0%2C1%2C27.7%2C20.8Zm-10.1%2C0a4.38%2C4.38%2C0%2C0%2C0%2C4.2%2C4.6%2C4%2C4%2C0%2C0%2C0%2C4.1-4.2c0-2.4-1.5-4.7-4.1-4.7A4%2C4%2C0%2C0%2C0%2C17.6%2C20.8Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M33.4%2C25.2a3.83%2C3.83%2C0%2C0%2C0%2C2.9-1h0l-.9%2C2.2H28.7c.8-.3.7-1.5.7-2.2V18c0-.8.1-1.9-.7-2.3h3.1c-.8.3-.7%2C1.5-.7%2C2.3v7Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M43.2%2C18.5c.4-1.2%2C1-2.5%2C0-2.9h2.4L41.3%2C26.8c-1.1-.8-1.5-.9-2-2.2L36.8%2C18a4.78%2C4.78%2C0%2C0%2C0-1.3-2.3h2.4v.2a6.58%2C6.58%2C0%2C0%2C0%2C.4%2C1.5l2.6%2C7.1Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M48.7%2C25l2.1.2a3.69%2C3.69%2C0%2C0%2C0%2C3-1h0l-.7%2C2.1H46.3c.8-.3.7-1.5.7-2.3V17.8c0-.8.1-1.9-.7-2.3h5.2a2%2C2%2C0%2C0%2C0%2C.8-.1h0v1.9h0a2.28%2C2.28%2C0%2C0%2C0-1.9-.7%2C9.7%2C9.7%2C0%2C0%2C0-1.7.1v3h1.9a1.48%2C1.48%2C0%2C0%2C0%2C.7-.1h0v1.7h0c-.3-.5-.9-.5-1.5-.5H48.6V25Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M58.6%2C15.6c2.2%2C0%2C3.4%2C1.1%2C3.4%2C2.6a3.29%2C3.29%2C0%2C0%2C1-2.6%2C2.9l2.4%2C3a14.28%2C14.28%2C0%2C0%2C0%2C2.6%2C2.3H62.9a2.13%2C2.13%2C0%2C0%2C1-1.9-.8l-2-2.5-1.5-2.3c1.3-.2%2C2.8-.8%2C2.8-2.3a1.82%2C1.82%2C0%2C0%2C0-2.1-1.8c-.4%2C0-.7.1-1.1.1V24c0%2C.8-.1%2C1.9.7%2C2.2H54.7c.8-.3.7-1.5.7-2.2V17.8c0-.8.1-1.9-.7-2.3h3.9Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M65.9%2C21.1v3c0%2C.7-.1%2C1.9.7%2C2.2H63.5c.8-.3.7-1.5.7-2.2V17.9c0-.7.1-1.9-.7-2.2h3.1c-.8.3-.7%2C1.5-.7%2C2.3v2h5.9V18c0-.8.1-1.9-.7-2.3h3.1c-.8.3-.7%2C1.5-.7%2C2.2V24c0%2C.7-.1%2C1.9.7%2C2.2H71.1c.8-.3.7-1.5.7-2.2V21H65.9Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M78.3%2C22.3l-.8%2C2.3c-.3.9-.5%2C1.4.3%2C1.7h-3A4.21%2C4.21%2C0%2C0%2C0%2C76.4%2C24l2.7-6.8c.2-.6.5-1.3-.2-1.5h2.6l3.4%2C8.4a4.21%2C4.21%2C0%2C0%2C0%2C1.6%2C2.3H83.2c.8-.4.7-.5.2-1.7l-.9-2.3H78.3ZM80.4%2C17l-1.6%2C4.1H82Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M96.7%2C16.6a3.55%2C3.55%2C0%2C0%2C0%2C.2-1h2.8c-.4.1-.5.6-.5%2C1l1.1%2C8a2.14%2C2.14%2C0%2C0%2C0%2C.8%2C1.7H97.9a1.09%2C1.09%2C0%2C0%2C0%2C.7-1.2l-.9-7.9L94%2C26.6a4.07%2C4.07%2C0%2C0%2C1-1.4-2l-3.1-7.4-.9%2C7c-.1%2C1-.2%2C1.7.5%2C2.1H86.4a3.17%2C3.17%2C0%2C0%2C0%2C.9-2.3l.9-6.8c.1-.5.2-1.1-.5-1.5h2.9a1.45%2C1.45%2C0%2C0%2C0%2C.2.7l3.1%2C7.2Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M105.9%2C15.6c2.1%2C0%2C3.7%2C1%2C3.7%2C2.9s-1.7%2C3.1-3.6%2C3.1a2.54%2C2.54%2C0%2C0%2C1-1.2-.2c1.4-.1%2C2.9-.9%2C2.9-2.5%2C0-1.4-1-2-2.3-2a3.75%2C3.75%2C0%2C0%2C0-1.1.1v7.4c0%2C.9%2C0%2C1.6.8%2C2.1h-3.3c.8-.3.7-1.5.7-2.2V18.1c0-.7.1-1.9-.7-2.3h4.1Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M114.2%2C24.2c0%2C.9%2C0%2C1.6.8%2C2.1h-3.2c.8-.3.7-1.5.7-2.2V16.8h-1.4a2.64%2C2.64%2C0%2C0%2C0-1.9.7h0l.6-1.9h0a1.27%2C1.27%2C0%2C0%2C0%2C.6.1h6.5a2.2%2C2.2%2C0%2C0%2C0%2C.8-.1h0l-.5%2C1.9h0c-.2-.6-.9-.7-1.4-.7h-1.5v7.4Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M129.6%2C20.8a5.91%2C5.91%2C0%2C0%2C1-6%2C5.8%2C5.77%2C5.77%2C0%2C0%2C1-6-5.7%2C5.78%2C5.78%2C0%2C0%2C1%2C6.1-5.6A5.71%2C5.71%2C0%2C0%2C1%2C129.6%2C20.8Zm-10.1%2C0a4.38%2C4.38%2C0%2C0%2C0%2C4.2%2C4.6%2C4%2C4%2C0%2C0%2C0%2C4.1-4.2c0-2.4-1.5-4.7-4.1-4.7A4%2C4%2C0%2C0%2C0%2C119.5%2C20.8Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M132.5%2C24.2c0%2C.9%2C0%2C1.6.8%2C2.1h-2.9c.9-.5.9-1.2.9-2.1V17.7c0-.9%2C0-1.6-.8-2.1h2.4c.1.2.1.3.2.4l.2.3%2C6%2C7.6V17.7c0-.9%2C0-1.6-.8-2.1h2.9c-.8.5-.8%2C1.1-.8%2C2.1v9.2a4.15%2C4.15%2C0%2C0%2C1-2.4-1.9l-5.6-7.1v6.3Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M88.9%2C5.3a3.41%2C3.41%2C0%2C0%2C1-6.8%2C0%2C3.33%2C3.33%2C0%2C0%2C1%2C3.4-3.2A3.27%2C3.27%2C0%2C0%2C1%2C88.9%2C5.3Zm-5.7-.1a2.48%2C2.48%2C0%2C0%2C0%2C2.4%2C2.6%2C2.23%2C2.23%2C0%2C0%2C0%2C2.3-2.4%2C2.46%2C2.46%2C0%2C0%2C0-2.3-2.6A2.26%2C2.26%2C0%2C0%2C0%2C83.2%2C5.2Z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M90.8%2C7.1c0%2C.4-.1%2C1.1.4%2C1.3H89.5c.5-.2.4-.8.4-1.3V3.6c0-.4.1-1.1-.4-1.3h3.3V3.4h0A1.19%2C1.19%2C0%2C0%2C0%2C91.7%2C3a2.77%2C2.77%2C0%2C0%2C0-.9.1V4.8h1.1a.6.6%2C0%2C0%2C0%2C.4-.1h0v1h0c-.1-.3-.5-.3-.8-.3h-.7Z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E');
    width: 200px !important;
    z-index: 99999999;
    background-position-y: 50%;
    height: 130px !Important;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 30px;
    margin-right: 30px;
    background-position-x: 15%;
}

.question .optional-indicator {
    margin-left: 5px;
    font-weight: normal;
    color: #7770;
    font-style: italic;
}


select#PageList {
    width: 100% !important;
    margin-left: 5px;
}



/* ---------------------- Designer Modernisation Elements  ---------------------- */


input#SaveSource, input#SaveSelectedControls {
    margin-top: 20px;
    min-width: 90px;
    background-color: forestgreen;
}

input#ClosePageLogicManagerDialog, input#CloseQuestionPickerDialog {
    min-width: 90px;
    background-color: white;
    color: firebrick !important;
    margin-left: 10px;
}

.designer_page_rule {
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px !important;
    border-radius: 2px !important;
    width: 70%;
    margin-left: 10px;
}

.modal_dialog_header.row {
    border-bottom: 2px solid gainsboro;
}

.link_button {
    border: none;
    color: white;
    border-radius: 3px;
    background-color: #20569b;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 8px 8px 8px 8px;
    height: 50px;
    margin-bottom: 10px;
    width: 70%;
    margin-left: 10px;
    text-decoration: none;
}

.link_button:hover {
 text-decoration: none !Important;
    cursor: pointer;
    background-color: forestgreen;
    transition: 0.3s;
}

input#EditButton {/* display: none; */}

h3 {margin-top: 5px;}

span#PageRuleName:before {

    content: "\f1de";
    font-family: fontawesome;
padding-right:20px;
color: #777;
    }

input#EditButton {
    opacity: 0;
}

span#PageRuleName {
    margin-left: -40px;
}

span#PageRuleName:after {
    content: "\f057";
    font-family: fontawesome;
    float: right;
    color: firebrick;
    font-size: 30px;
}

input#DeletePageRuleButton {
    opacity: 0;
}

input#RuleDescription {
    border: 1px solid gainsboro;
    padding: 5px;
    border-radius: 3px;
    font-weight: normal;
    width: 50%;
}

input#RuleName {
    border: 1px solid gainsboro;
    padding: 5px;
    border-radius: 3px;
    font-weight: normal;
    width: 50%;
}

input#Variable1Select {
    /* border: 1px solid gainsboro; */
    padding: 5px;
    border-radius: 3px;
    background-color: #4ebc3c;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
}

input#Variable2Select {
    padding: 5px;
    border-radius: 3px;
    background-color: #4ebc3c;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
}

input#Button1 {
    padding: 5px;
    border-radius: 3px;
    background-color: #5bc0de;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
}

input#Button2 {
    padding: 5px;
    border-radius: 3px;
    background-color: #5bc0de;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
}

.designer_condition_button {
    background-color: #eee;
    text-decoration: none;
    border-radius: 3px;
    padding: 5px;
    margin-top: 10px;
}

.modal_dialog_footer.row {
    margin-top: 10px;
    margin-left: -5px;
}

.designer_else_delete, .designer_elseif_delete, .designer_delete_nestedrule {
    width: 24px;
}

.designer_addifcondition_container {
    background-color: #eeeeee;
    border: none;
    box-shadow: none;
}

.button {
    margin-top: 5p;
}

.designer_ifcondition_container {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.designer_elseifcondition_innercontainer {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.designer_addelseifcondition_container {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.designer_elsecondition_innercontainer {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.designer_add_nestedrule {
    padding: 0px;
    }

.designer_condition_add {
    opacity: 1;
}

.designer_elseif_add, .designer_condition_add, .designer_add_nestedrule, .designer_condition_delete {
    width: 24px;
}

div#QuestionRulesDialog {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 5%;
    border: none !important;
}

div#QuestionRulesDialogExtender_backgroundElement {
    background-color: rgba(68, 68, 68, 0.5);
    opacity: 1 !important;
}

div#PageLogicManagerDialog {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding-left: 40px;
    padding-right: 40px;
    border: none;
    margin-top: 5%;
}

.designer_item_container, .designer_ifcondition_container, .designer_elseifcondition_innercontainer, .designer_elsecondition_innercontainer, .designer_addelseifcondition_container, .designer_addelsecondition_container, .designer_addifcondition_container, .designer_page_rule, .question_picker_question, .question_editor_control_group, .question_editor_control_group_au, .list_item_editor_item, .page_picker_page {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

input#AddDecisionVariable, input#SaveRuleButton {
    width: 90px;
    background-color: forestgreen;
}

input#CloseDecisionVariablePickerDialog, input#CloseQuestionRulesDialog {
    background-color: firebrick;
    width: 90px;
    margin-left: 10px;
}

input#SelectButton {
    opacity: 0;
}

span#ControlType:before {
    content: "\f022";
    font-family: fontawesome;
    padding-right: 20px;
    margin-left: -40px;
    color: #31708f;
    font-size: 30px;
}

select#VariableSourceTypeList {
    padding: 5px;
    border-radius: 3px;
    background-color: #5bc0de;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
    border: none;
    width: 95% !important;
    margin-left: 10px;
}

select#VariableSourceTypeList::before {
}

.question_picker_question {
    width: 95%;
}

span#OptionText:before {
    content: "\f111";
    padding-right: 10px;
    margin-left: -30px;
    font-family: fontawesome;
    color: #32708e;
}

input#CheckSelect {
    /* opacity: 0; */
    width: 85px;
}

.designer_condition_delete {
    width: 24px;
}
select#Operator {
    border: 1px solid gainsboro;
}

div#DecisionVariablePickerDialog {
    margin-top: 5%;
    border: none !important;
    border-radius: 3px;
    height: 80%;
}


/* ---------------------- Fast Track and Evidence Bits  ---------------------- */



div#ContentPlaceHolder_BodyContent_FastTrackSelection_SlowTrackSelectedPanel {
    background-color: #b22323;
    color: white;
    padding: 10px;
    border-radius: 5px;
}

div#ContentPlaceHolder_BodyContent_FastTrackSelection_FastTrackPanel {
    background-color: #eeeeee4f;
    padding: 10px;
    border-left: 4px solid #22549b;
}

div#ContentPlaceHolder_BodyContent_FastTrackSelection_FastTrackSelectedPanel {
    background-color: #23b25d;
    color: white;
    padding: 10px;
    border-radius: 5px;
}



input#ctl00_ContentPlaceHolder_BodyContent_AfterActionEvidenceList_EvidenceRepeater_0_UploadConfirmation_Rule_Identity_Answer_InputField {
}

p#ctl00_ContentPlaceHolder_BodyContent_AfterActionEvidenceList_EvidenceRepeater_0_UploadTextLit {
    margin-top: 10px;
}

span#ContentPlaceHolder_BodyContent_ValidateEvidenceUploaded {
    background-color: firebrick;
    padding: 10px;
    border-radius: 3px;
    color: white;
    width: 100% !important;
}

span#ContentPlaceHolder_BodyContent_ValidateEvidenceUploaded:before {
    content: "\f071";
    font-family: fontawesome;
    padding-right: 10px;
}

span#ContentPlaceHolder_BodyContent_ValidateEvidenceUploaded:after {
    content: " and confirm it is the evidence requested";
}


.checkbox {
    /* margin-left: 30px !important; */
}

.footer.row {
    color: #888885 !important;
    height: 70px !important;
    background-color: #131313;
    padding: 14px;
    margin-top: 95px;
    border-top: 4px solid #285e8e;
}

#form1 > div.container.page_container > div > div.footer.row > div > a:nth-child(1), #form1 > div.container.page_container > div > div.footer.row > div > a:nth-child(2) {
    color: white !important;
    font-weight: bold;
    text-decoration: none !Important;
}

i.fa.fa-chevron-down.open-icon {
    float: right;
    margin-top: 0px;
    margin-right: -30px !important;
}

i.fa.fa-chevron-up.close-icon {
    float: right;
    margin-top: 0px;
    margin-right: -20px !important;
}

.fa-chevron-down:before {
    content: "\f0c9" !important;
}

i.fa.fa-chevron-up.close-icon:before {
    content: "\f00d" !important;
}


.display-options .dropdown-menu {
    background-color: #f6f6f6;
    -webkit-backdrop-filter: blur(30px);
    -webkit-box-shadow: -5px 0px 5px 0px #616161;
    box-shadow: -5px 0px 5px 0px rgba(97, 97, 97, 0.15);
    transition: all 0.5s ease-in;
    background-color: #f5f5f5;
    padding-top: 20px;
    border: 1px solid #e3e3e3;
    padding-bottom: 0px;
}

div.contrast_options a.default_contrast {
    border: none;
    padding: 5px 10px 5px 10px;
    border-radius: 10%;
    font-size: 17px;
    color: #4285f4;
}

a.contrast_option.contrast1 {
    border: none;
    padding: 10px 15px 10px 15px;
    border-radius: 10%;
    font-size: 17px;
    background-color: #333;
    padding: 5px 10px 5px 10px;
}

div.contrast_options a.contrast2 {
    background-color: rgb(255, 255, 141);
    color: #333;
    border: none;
    padding: 10px 15px 10px 15px;
    border-radius: 10%;
    font-size: 17px;
    padding: 5px 10px 5px 10px;
}

.display-options .dropdown-menu > div {
    border-top: none;
    padding-top: 0px;
    padding-bottom: 10px;
    margin-top: -10px;
}

div.question .prompt {
    width: 0%;
}



.display-options .dropdown-menu > div:first-of-type {
    display: none !important;
}


@media (max-width: 768px) {

.top_banner.row {
    height: 140px;
    background-size: 230px;
    backdrop-filter: blur(0px);
    background-position-x: 50%;
    background-position-y: 75% !important;
}

div.options {
    backdrop-filter: blur(0px);

}

h1 {

font-size: 30px;
}

h2 {

font-size: 22px;

padding-left: 5px;
}

h3, span {

font-size: 17px !Important;

}



}



/* ---------------------- Designer Modernisation Elements  ---------------------- */


input#SaveSource, input#SaveSelectedControls {
    margin-top: 20px;
    min-width: 90px;
    background-color: forestgreen;
}

input#ClosePageLogicManagerDialog, input#CloseQuestionPickerDialog {
    min-width: 90px;
    background-color: white;
    color: firebrick !important;
    margin-left: 10px;
}

.designer_page_rule {
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px !important;
    border-radius: 2px !important;
    width: 70%;
    margin-left: 10px;
}

.modal_dialog_header.row {
    border-bottom: 2px solid gainsboro;
}

.link_button {
    border: none;
    color: white;
    border-radius: 3px;
    background-color: #20569b;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 8px 8px 8px 8px;
    height: 50px;
    margin-bottom: 10px;
    width: 70%;
    margin-left: 10px;
    text-decoration: none;
}

.link_button:hover {
 text-decoration: none !Important;
    cursor: pointer;
    background-color: forestgreen;
    transition: 0.3s;
}

input#EditButton {/* display: none; */}

h3 {margin-top: 5px;}

span#PageRuleName:before {

    content: "\f1de";
    font-family: fontawesome;
padding-right:20px;
color: #777;
    }

input#EditButton {
    opacity: 0;
}

span#PageRuleName {
    margin-left: -40px;
}

span#PageRuleName:after {
    content: "\f057";
    font-family: fontawesome;
    float: right;
    color: firebrick;
    font-size: 30px;
}

input#DeletePageRuleButton {
    opacity: 0;
}

input#RuleDescription {
    border: 1px solid gainsboro;
    padding: 5px;
    border-radius: 3px;
    font-weight: normal;
    width: 50%;
}

input#RuleName {
    border: 1px solid gainsboro;
    padding: 5px;
    border-radius: 3px;
    font-weight: normal;
    width: 50%;
}

input#Variable1Select {
    /* border: 1px solid gainsboro; */
    padding: 5px;
    border-radius: 3px;
    background-color: #4ebc3c;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
}

input#Variable2Select {
    padding: 5px;
    border-radius: 3px;
    background-color: #4ebc3c;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
}

input#Button1 {
    padding: 5px;
    border-radius: 3px;
    background-color: #5bc0de;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
}

input#Button2 {
    padding: 5px;
    border-radius: 3px;
    background-color: #5bc0de;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
}

.designer_condition_button {
    background-color: #eee;
    text-decoration: none;
    border-radius: 3px;
    padding: 5px;
    margin-top: 10px;
}

.modal_dialog_footer.row {
    margin-top: 10px;
    margin-left: -5px;
}

.designer_else_delete, .designer_elseif_delete, .designer_delete_nestedrule {
    width: 24px;
}

.designer_addifcondition_container {
    background-color: #eeeeee;
    border: none;
    box-shadow: none;
}

.button {
    margin-top: 5p;
}

.designer_ifcondition_container {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.designer_elseifcondition_innercontainer {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.designer_addelseifcondition_container {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.designer_elsecondition_innercontainer {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.designer_add_nestedrule {
    padding: 0px;
    }

.designer_condition_add {
    opacity: 1;
}

.designer_elseif_add, .designer_condition_add, .designer_add_nestedrule, .designer_condition_delete {
    width: 24px;
}

div#QuestionRulesDialog {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 5%;
    border: none !important;
}

div#QuestionRulesDialogExtender_backgroundElement {
    background-color: rgba(68, 68, 68, 0.5);
    opacity: 1 !important;
}

div#PageLogicManagerDialog {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding-left: 40px;
    padding-right: 40px;
    border: none;
    margin-top: 5%;
}

.designer_item_container, .designer_ifcondition_container, .designer_elseifcondition_innercontainer, .designer_elsecondition_innercontainer, .designer_addelseifcondition_container, .designer_addelsecondition_container, .designer_addifcondition_container, .designer_page_rule, .question_picker_question, .question_editor_control_group, .question_editor_control_group_au, .list_item_editor_item, .page_picker_page {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

input#AddDecisionVariable, input#SaveRuleButton {
    width: 90px;
    background-color: forestgreen;
}

input#CloseDecisionVariablePickerDialog, input#CloseQuestionRulesDialog {
    background-color: firebrick;
    width: 90px;
    margin-left: 10px;
}

input#SelectButton {
    opacity: 0;
}

span#ControlType:before {
    content: "\f022";
    font-family: fontawesome;
    padding-right: 20px;
    margin-left: -40px;
    color: #31708f;
    font-size: 30px;
}

select#VariableSourceTypeList {
    padding: 5px;
    border-radius: 3px;
    background-color: #5bc0de;
    color: white;
    text-decoration: none !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 0px;
    border: none;
    width: 95% !important;
    margin-left: 10px;
}

select#VariableSourceTypeList::before {
}

.question_picker_question {
    width: 95%;
}

span#OptionText:before {
    content: "\f111";
    padding-right: 10px;
    margin-left: -30px;
    font-family: fontawesome;
    color: #32708e;
}

input#CheckSelect {
    /* opacity: 0; */
    width: 85px;
}

.designer_condition_delete {
    width: 24px;
}
select#Operator {
    border: 1px solid gainsboro;
}

div#DecisionVariablePickerDialog {
    margin-top: 5%;
    border: none !important;
    border-radius: 3px;
    height: 80%;
}


/* ---------------------- Fast Track and Evidence Bits  ---------------------- */



div#ContentPlaceHolder_BodyContent_FastTrackSelection_SlowTrackSelectedPanel {
    background-color: #b22323;
    color: white;
    padding: 10px;
    border-radius: 5px;
}

div#ContentPlaceHolder_BodyContent_FastTrackSelection_FastTrackPanel {
    background-color: #eeeeee4f;
    padding: 10px;
    border-left: 4px solid #22549b;
}

div#ContentPlaceHolder_BodyContent_FastTrackSelection_FastTrackSelectedPanel {
    background-color: #23b25d;
    color: white;
    padding: 10px;
    border-radius: 5px;
}


div#ctl00_ContentPlaceHolder_BodyContent_AfterActionEvidenceList_EvidenceRepeater_0_UploadConfirmation_Rule_Identity {
    margin-left: 0px;
    background-color: #fafafa;
    color: #21559b;
    padding: 10px;
    font-weight: bold;
    border-top: 2px solid #21559b;
}

input#ctl00_ContentPlaceHolder_BodyContent_AfterActionEvidenceList_EvidenceRepeater_0_UploadConfirmation_Rule_Identity_Answer_InputField {
    margin-left: 90%;
}

p#ctl00_ContentPlaceHolder_BodyContent_AfterActionEvidenceList_EvidenceRepeater_0_UploadTextLit {
    margin-top: 10px;
}

span#ContentPlaceHolder_BodyContent_ValidateEvidenceUploaded {
    background-color: firebrick;
    padding: 10px;
    border-radius: 3px;
    color: white;
    width: 100% !important;
}

span#ContentPlaceHolder_BodyContent_ValidateEvidenceUploaded:before {
    content: "\f071";
    font-family: fontawesome;
    padding-right: 10px;
}

span#ContentPlaceHolder_BodyContent_ValidateEvidenceUploaded:after {
    content: " and confirm it is the evidence requested";
}

input#ctl00_ContentPlaceHolder_BodyContent_AfterActionEvidenceList_EvidenceRepeater_0_DeleteUpload_14 {
    opacity: 0;
}


input#ContentPlaceHolder_PageContents_NavigationNext_0 {}

#ContentPlaceHolder_PageContents_NavigationNext_0 {}

.navigate_button:hover {
    background-color: #0054aa !important;
    color: white !important;
    transition: ease-in 0.3s;
}


a.btn.btn-sm.btn-primary {
    padding: 8px 8px 8px 8px;
    border-radius: 2px;
    left: 0;
    transition: .3s ease-in;
    word-wrap: break-word;
    background-color: #8c0b40;
    color: #ffffff !important;
    border: 0;
    font-size: inherit;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}


/* ---------------------- Direct Debit Bits  ---------------------- */



.dd-content {
    border: 2px solid #cfcfcf;
    padding: 5px;
}

.heading.dd-account-holder {
    margin-top: 10px;
}

.detail.box.borderless.dd-account-number {
    border: 2px solid #cfcfcf;
    padding: 5px;
}

.heading.dd-account-number {
    margin-top: 10px;
}

.heading.dd-account-sortcode {
    margin-top: 10px;
}

.detail.box.borderless.dd-account-sortcode {
    border: 2px solid #cfcfcf;
    padding: 5px;
}

.detail.box.borderless.dd-service-ref {
    border: 2px solid #cfcfcf;
    padding: 5px;
}

.detail.box.dd-payment-freq {
    margin-top: 10px;
}

.dd-col.heading.dd-branch-address {
    margin-top: 10px;
}

.heading.dd-service-ref {
    margin-top: 10px;
}

.dd-col.detail.box.dd-instruction {
    margin-top: 10px;
}

.dd-col.detail.dd-customer-ref {
    width: 48%;
    float: left;
}

.dd-col.detail.dd-date {
    float: right;
}

.dd-col.heading.dd-customer-ref {
    width: 40%;
    float: left;
    margin-top: 10px;
}

.dd-col.heading.dd-date {
    width: 40%;
    float: right;
    margin-top: 10px;
}

#ContentPlaceHolder_BodyPanel > div.body > div:nth-child(3) > div > div:nth-child(9) > div.dd-col.detail.dd-date > div > div {
    float: left;
}

.dd-footer {
    margin-top: 80px !important;
}

img#ContentPlaceHolder_BodyContent_DirectDebitMandate_CustomerLogo_ImageField {
    display: none;
}


input#ContentPlaceHolder_BodyContent_Confirm_Answer_InputField {margin-left: 0px;}

.dd-print-hide {
    margin-top: 90px !important;
    /* margin-left: 40px; */
    padding: 10px;
    background-color: #97cbff4d;
    border-radius: 3px;
    color: #333333 !important;
}

label#ContentPlaceHolder_BodyContent_Confirm_Question {
    padding-left: 25px;
}



/* ---------------------- Address Look Up Response Styling  ---------------------- */


.addressLiteral {
    border-left: 4px solid #352c65;
    padding-left: 10px !important;
    font-size: 17px;
    font-weight: bold;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px;
    margin: 10px;
    margin-left: 0px;
}

/* ---------------------- TEMPORARY COA - Address Look Up Response Styling  ---------------------- */


div#ContentPlaceHolder_BodyContent_OutgoingAddressLabel {
    border-left: 4px solid #352c65;
    padding-left: 10px !important;
    font-size: 17px;
    font-weight: bold;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px;
    margin: 10px;
    margin-left: 0px;
}


/* ---------------------- Error Retrieving Details From Northgate Styling  ---------------------- */

div#ContentPlaceHolder_BodyContent_ReferenceFindError {
    margin-left: auto;
    margin-right: auto;
    background-color: #FFC107;
    color: #444 !important;
    padding: 10px;
    font-weight: 600;
    border-radius: 4px;
    margin-bottom: 20px;
    width: 88%;
}

div#ContentPlaceHolder_BodyContent_ReferenceFindError:after {
    content: "\f071";
    font-family: fontawesome;
    margin-left: 96%;
    top: 0;
    position: relative;
}

div#ContentPlaceHolder_BodyContent_ReferenceFindError:before {
    content: "Sorry";
    font-size: 32px;
    padding: 5px;
}

/* ---------------------- Address Look Up Lists Improvements  ---------------------- */

.modal_dialog {

    border-radius: 4px;
    border: none !important;
    top: 100px !Important;

}

.modal_dialog_background {
    opacity: 0.9;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-repeat: no-repeat, repeat-y;
    background-position-x: center, center;
    background-position-y: 25px;
    background-size: 200px, cover;
    background-image: url(https://my.northtyneside.gov.uk/sites/default/files/crest_1.png), radial-gradient(#080052, #352c66);
}

.modal_dialog_header h1 {
    font-weight: 900;
    color: #352c66;
}

input.address_select {
    padding: 7px;
    border-left: 3px solid #4CAF50 !important;
    padding-left: 10px;
    border: 3px solid #cfcfcf5c;
    width: 100%;
}

span#ContentPlaceHolder_BodyContent_IncomingAddress_IncomingAddressHelpText {
    margin-bottom: 10px;
}

.address_search_navigation {
    border-top: none;
}

input#ContentPlaceHolder_BodyContent_IncomingAddress_IncomingAddressCloseButton {
    width: 100%;
    margin-top: 10px;
}

@media (max-width: 768px) {

.modal_dialog {
    height: 80%;
    top: 100px !important;
    width: 95%;
    border-radius: 4px;
    border: none !important;
    left: 2% !important;
}

}

/*---------------------- people list ------------------------*/

.peopleList {
    width: 100%
}

.peopleList ul {
    list-style: none;
    padding: 0;
}

    .peopleList ul > li {
        border: none;
        margin-bottom: 0.2em;
        margin-top: 0.2em;
        position: relative;
    }

        .peopleList ul > li span.person:hover {
    background-color: #a83d9926;
    transition: ease-out 0.3s;
        }

span.person {
    font-size: larger;
    border-left: 4px solid #4CAF50;
    display: block;
    height: 2.8em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 15px;
}

    span.person > label {
        font-weight: 700;
        padding-top: 15px;
        padding-left: 1em;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2.8em;
    }

    span.person .personCheckBox {
        position: absolute;
        top: 0;
        padding-top: 3px;
        right: 0.3em;
        z-index: 100;
    }

/*---------------------- info blocks ------------------------*/

.info {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/*---------------------- Look Up Buttons ------------------------*/


input#ContentPlaceHolder_BodyContent_LookupAccount {
    background-color: #4CAF50;
}

@media (max-width: 768px) { 

input#ContentPlaceHolder_BodyContent_LookupAccount {
    width: 100%;
}

}


/*---------------------- Stuff aint working ------------------------*/

p.detailsError {
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

p.detailsError:before {
    content: "We're really sorry: ";
    font-weight: bold;
}

p.detailsError:after {
    content: "\f071";
    font-weight: bold;
    font-family: fontawesome;
    float: right;   
    margin-top: 15px
}

/*---------------------- DD Logo ------------------------*/


.dd-logo > img {
    width: 200px;
}

.dd-footer > img {
    width: 200px;
}


/*---------------------- Declaration Checkbox Alignment and Styling ------------------------*/


div#ctl00_ContentPlaceHolder_BodyContent_DeclarationField, div#ctl00_ContentPlaceHolder_BodyContent_DDDetails_Confirm {
    padding-left: 45px !important;
    background-color: #a83d9936;
    padding: 15px;
    border-radius: 3px;
}


/*---------------------- Joint DD Signatories ------------------------*/

.account {
    height: 40px;
    border-bottom: 2px dotted gainsboro;
    padding: 10px;
}


img#ContentPlaceHolder_BodyContent_AddressFields_AddressFieldsProgressImage {
    display: none !important;
}

.validation-error {
    color: crimson;
}

/*---------------------- Hide some questions for DHP ------------------------*/
#ContentPlaceHolder_BodyContent_AssistedAddressFields{
    display: none !important;
}

#ctl00_ContentPlaceHolder_BodyContent_Benefits_ReceiveCouncilTaxSupport,
#ctl00_ContentPlaceHolder_BodyContent_Benefits_ReceiveHousingBenefit,
#ctl00_ContentPlaceHolder_BodyContent_LiveInAreaHowLong,
#ContentPlaceHolder_BodyContent_ClaimantEmployment_EmployerAddressFields,
#ctl00_ContentPlaceHolder_BodyContent_ClaimantEmployment_EmploymentPaymentDate,
#ctl00_ContentPlaceHolder_BodyContent_ClaimantEmployment_EmploymentHowPaid,
#ctl00_ContentPlaceHolder_BodyContent_ClaimantEmployment_EmploymentLimitedTime,
#ctl00_ContentPlaceHolder_BodyContent_ClaimantEmployment_EmploymentHoursWorked,
#ctl00_ContentPlaceHolder_BodyContent_ClaimantEmployment_EmploymentExtras,
#ctl00_ContentPlaceHolder_BodyContent_Statuses_Blind,
#ctl00_ContentPlaceHolder_BodyContent_Statuses_Student,
#ctl00_ContentPlaceHolder_BodyContent_Statuses_SeverelyMentallyImpaired {
    display: none !important;
}

#ctl00_ContentPlaceHolder_BodyContent_PersonEmployment_EmployerName,
#ContentPlaceHolder_BodyContent_PersonEmployment_EmployerAddressFields,
#ctl00_ContentPlaceHolder_BodyContent_PersonEmployment_EmploymentDescription,
#ctl00_ContentPlaceHolder_BodyContent_PersonEmployment_EmploymentStartDate,
#ctl00_ContentPlaceHolder_BodyContent_PersonEmployment_EmployeeNumber,
#ctl00_ContentPlaceHolder_BodyContent_PersonEmployment_EmploymentPaymentDate,
#ctl00_ContentPlaceHolder_BodyContent_PersonEmployment_EmploymentHowPaid,
#ctl00_ContentPlaceHolder_BodyContent_PersonEmployment_EmploymentLimitedTime,
#ctl00_ContentPlaceHolder_BodyContent_PersonEmployment_EmploymentHoursWorked,
#ctl00_ContentPlaceHolder_BodyContent_PersonEmployment_EmploymentExtras{
    display: none !important;
}

#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_0_OtherResidentContributionDetails ~ div:nth-child(7),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_0_OtherResidentContributionDetails ~ div:nth-child(8),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_0_OtherResidentContributionDetails ~ div:nth-child(9),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_0_OtherResidentContributionDetails ~ div:nth-child(10),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_0_OtherResidentContributionDetails ~ div:nth-child(11),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_0_OtherResidentContributionDetails ~ div:nth-child(12) {
    display: none;
}

#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_1_OtherResidentContributionDetails ~ div:nth-child(7),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_1_OtherResidentContributionDetails ~ div:nth-child(8),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_1_OtherResidentContributionDetails ~ div:nth-child(9),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_1_OtherResidentContributionDetails ~ div:nth-child(10),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_1_OtherResidentContributionDetails ~ div:nth-child(11),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_1_OtherResidentContributionDetails ~ div:nth-child(12) {
    display: none;
}

#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_2_OtherResidentContributionDetails ~ div:nth-child(7),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_2_OtherResidentContributionDetails ~ div:nth-child(8),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_2_OtherResidentContributionDetails ~ div:nth-child(9),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_2_OtherResidentContributionDetails ~ div:nth-child(10),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_2_OtherResidentContributionDetails ~ div:nth-child(11),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_2_OtherResidentContributionDetails ~ div:nth-child(12) {
    display: none;
}

#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_3_OtherResidentContributionDetails ~ div:nth-child(7),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_3_OtherResidentContributionDetails ~ div:nth-child(8),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_3_OtherResidentContributionDetails ~ div:nth-child(9),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_3_OtherResidentContributionDetails ~ div:nth-child(10),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_3_OtherResidentContributionDetails ~ div:nth-child(11),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_3_OtherResidentContributionDetails ~ div:nth-child(12) {
    display: none;
}

#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_4_OtherResidentContributionDetails ~ div:nth-child(7),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_4_OtherResidentContributionDetails ~ div:nth-child(8),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_4_OtherResidentContributionDetails ~ div:nth-child(9),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_4_OtherResidentContributionDetails ~ div:nth-child(10),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_4_OtherResidentContributionDetails ~ div:nth-child(11),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_4_OtherResidentContributionDetails ~ div:nth-child(12) {
    display: none;
}

#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_5_OtherResidentContributionDetails ~ div:nth-child(7),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_5_OtherResidentContributionDetails ~ div:nth-child(8),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_5_OtherResidentContributionDetails ~ div:nth-child(9),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_5_OtherResidentContributionDetails ~ div:nth-child(10),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_5_OtherResidentContributionDetails ~ div:nth-child(11),
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_5_OtherResidentContributionDetails ~ div:nth-child(12) {
    display: none;
}

#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_0_Benefits_KeyBenefitFrequency,
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_0_Benefits_KeyBenefitAmount,
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_0_Benefits_KeyBenefitPaymentDate,
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_0_Benefits_AwaitingClaim,
#ctl00_ContentPlaceHolder_BodyContent_OtherResidentsRepeater_0_Benefits_OtherBenefitsPanel{
    display: none !important;
}

#ctl00_ContentPlaceHolder_BodyContent_MoneyAvailableAmount ~ div:nth-child(6),
#ctl00_ContentPlaceHolder_BodyContent_MoneyAvailableAmount ~ div:nth-child(7),
#ctl00_ContentPlaceHolder_BodyContent_MoneyAvailableAmount ~ div:nth-child(8),
#ctl00_ContentPlaceHolder_BodyContent_MoneyAvailableAmount ~ div:nth-child(9),
#ctl00_ContentPlaceHolder_BodyContent_MoneyAvailableAmount ~ div:nth-child(10),
#ctl00_ContentPlaceHolder_BodyContent_MoneyAvailableAmount ~ div:nth-child(11) {
    display: none;
}


div#ctl00_ContentPlaceHolder_BodyContent_ClaimantEmployment_EmploymentHowPaidOther
{
   display: none !important;
}

div#ctl00_ContentPlaceHolder_BodyContent_ClaimantEmployment_EmploymentLimitedEndDate
{
   display: none !important;
}

div#ctl00_ContentPlaceHolder_BodyContent_ClaimantEmployment_EmploymentExtrasDetail
{
   display: none !important;
}

div#ctl00_ContentPlaceHolder_BodyContent_ClaimantEmployment_NoEmploymentExtrasDetail
{
   display: none !important;
}


#ctl00_ContentPlaceHolder_BodyContent_PersonEmployment_EmploymentHowPaidOther > div {
    display: none;
}

#ctl00_ContentPlaceHolder_BodyContent_PersonEmployment_EmploymentLimitedEndDate > div {
    display: none;
}

#ctl00_ContentPlaceHolder_BodyContent_PersonEmployment_EmploymentExtrasDetail > div {
    display: none;
}

#ctl00_ContentPlaceHolder_BodyContent_PersonEmployment_NoEmploymentExtrasDetail > div {
    display: none;
}